<!--
/**
 * 人员分工 列表页 JS 脚本
 * @author 金杰 , maillank@qq.com
 * @since 2023-02-04 16:18:23
 */
 -->
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <title th:text="${lang.translate('人员分工')}">人员分工</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" th:href="'/assets/libs/layui/css/layui.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/css/admin.css" th:href="'/assets/css/admin.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css" th:href="'/assets/libs/toast/css/toast.css?'+${cacheKey}">
    <link rel="stylesheet" href="/assets/css/foxnic-web.css" th:href="'/assets/css/foxnic-web.css?'+${cacheKey}">
    <link href="/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/libs/material-design-webfont/css/material-design-icons-min.css" rel="stylesheet">
    <script th:inline="javascript">var foxnic_cachekey=[[${cacheKey}]];</script>
    <style>
        table.gridtable {

            Word-break: break-all;/*必须*/

            width:100%;
            margin-top:30px;
            font-family: verdana,arial,sans-serif;
            font-size:11px;
            color:#333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
        }
        table.gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }
        table.gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
        }

        .ownerCss{
            width:100px;
        }

        .posCss{
            width:80px;
        }

        .userCss{
               width:100px;
           }


        .ta{
            width: 100%;
            height: 100%;
            /*min-height: 50px;*/
            padding: 0;
            margin:0;
            border:0;
        }
    </style>

    <link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="">

<script>
    // var textarea = document.querySelector('ta');
    //
    // textarea.addEventListener('input', (e) => {
    //     textarea.style.height = '40px';
    //     textarea.style.height = e.target.scrollHeight + 'px';
    // });

</script>

<div class="layui-card">

    <div class="layui-card-body" style="">

        <div class="search-bar" style="">

            <div class="search-input-rows" style="opacity: 0">
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 主键 , id ,typeName=text_input, isHideInSearch=true -->
                    <!-- 状态 , status ,typeName=radio_box, isHideInSearch=false -->
<!--                    <div class="search-unit">-->
<!--                        <div class="search-label-div" style="width:70px"><span th:text="${lang.translate('状态')}" class="search-label status-label">状态</span><span class="search-colon">:</span></div>-->


<!--                        <div id="status" th:data="${enum.toArray('com.dt.platform.constants.enums.common.StatusEnableEnum')}" style="width:150px"></div>-->
<!--                    </div>-->
                    <!-- 用户 , userId ,typeName=button, isHideInSearch=true -->
                    <!-- 岗位 , pos ,typeName=text_input, isHideInSearch=true -->
                    <!-- 排序 , sort ,typeName=number_input, isHideInSearch=true -->
                    <!-- 所属 , owner ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:70px"><span th:text="${lang.translate('所属')}" class="search-label owner-label">所属</span><span class="search-colon">:</span></div>
                        <div id="owner" th:data="${'/service-system/sys-dict-item/query-list?dictCode=ops_person_owner'}" style="width:150px" extraParam="{}"></div>
                    </div>
                    <!-- 负责内容 , responsibleContent ,typeName=text_area, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:70px"><span th:text="${lang.translate('负责内容')}" class="search-label responsibleContent-label">负责内容</span><span class="search-colon">:</span></div>
                        <input id="responsibleContent" class="layui-input search-input" style="width: 150px" type="text" />
                    </div>
                    <!-- 工作内容 , jobContent ,typeName=text_area, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:70px"><span th:text="${lang.translate('工作内容')}" class="search-label jobContent-label">工作内容</span><span class="search-colon">:</span></div>
                        <input id="jobContent" class="layui-input search-input" style="width: 150px" type="text" />
                    </div>
                    <!-- 备注 , notes ,typeName=text_area, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style=""><span th:text="${lang.translate('备注')}" class="search-label notes-label">备注</span><span class="search-colon">:</span></div>
                        <input id="notes" class="layui-input search-input" style="width: 150px" type="text" />
                    </div>

                    <div class="search-unit">
                        <button id="search-button" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;<span th:text="${lang.translate('搜索','','cmp:table.search')}">搜索</span></button>

                        <!--                        <div id="search-area2" class="layui-form toolbar search-buttons" style="opacity: 0">-->
<!--                        </div>-->
                    </div>

                </div>
            </div>


            <!-- 按钮区域 -->

        </div>
                <div id="table-area2" style="margin-top: 52px ">
                         <table id="dataTab" class="gridtable">
                             <thead>
                                 <tr class="tr1">
                                     <th>所属</th>
                                     <th>岗位</th>
                                     <th>人员</th>
                                     <th>负责内容</th>
                                     <th>工作内容</th>
                                 </tr>
                             </thead>
                             <tbody id="tbodydata">
                             </tbody>
                         </table>
                </div>

        <div id="tab" style="margin-top: 42px ;display: none">
            <table class="layui-table" id="data-table" lay-filter="data-table"></table>
        </div>

    </div>
</div>

<script type="text/javascript" src="/module/global.js" th:src="'/module/global.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js" th:src="'/assets/libs/jquery-3.2.1.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/pandyle.min.js" th:src="'/assets/libs/pandyle.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/layui/layui.js" th:src="'/assets/libs/layui/layui.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/toast/js/toast.js" th:src="'/assets/libs/toast/js/toast.js?'+${cacheKey}"></script>
<!-- 表格工具栏 -->
<script type="text/html" id="toolbarTemplate">
    <div class="layui-btn-container">
        <button th:if="${perm.checkAuth('ops_personnel_division:create')}" id="add-button" class="layui-btn icon-btn layui-btn-sm create-new-button " lay-event="create"><i class="layui-icon">&#xe654;</i><span th:text="${lang.translate('新建','','cmp:table.button')}">新建</span></button>
    </div>
</script>

<!-- 表格操作列 -->
<script type="text/html" id="tableOperationTemplate">


</script>


<script th:inline="javascript">
    var LAYUI_TABLE_WIDTH_CONFIG = [[${pageHelper.getTableColumnWidthConfig('data-table')}]];
    var RADIO_STATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.common.StatusEnableEnum')}]];
    var AUTH_PREFIX="ops_personnel_division_1";


</script>

<script th:src="'/business/ops/personnel_division/personnel_division_public_ext.js?'+${cacheKey}"></script>
<script th:src="'/business/ops/personnel_division/personnel_division_public_list.js?'+${cacheKey}"></script>

</body>
</html>
